$(function () {
    getHot()
    getLast()
    // getRandom()
    // 获取热门推荐
    function getHot() {
        $.ajax({
            method: 'GET',
            url: 'http://localhost:3000/posts/recommend',
            success: function (res) {
                console.log(res);
                var htmlStr2 = template('hot', { data: res })
                $('.tuijian').html(htmlStr2)
                // console.log(htmlStr2);
            }
        })
    }

    // 获取最新发布文章
    function getLast() {
        $.ajax({
            method: 'GET',
            url: 'http://localhost:3000/posts/lasted',
            success: function (res) {
                console.log(res);
                var htmlStr3 = template('art', { data: res })
                $('.entry').html(htmlStr3)
                // console.log(htmlStr3);
            }
        })
    }
    // 获取轮播图
    $.ajax({
        type: 'get',
        url: 'http://localhost:3000/slides',
        success: function (res) {
            console.log(res);
            var html = template('slidesTpl', { data: res })
            // console.log(html);
            $('#slidesBox').html(html)
            //引入轮播图
            var swiper = Swipe(document.querySelector('.swipe'), {
                auto: 3000,
                transitionEnd: function (index) {
                    // index++;

                    $('.cursor span').eq(index).addClass('active').siblings('.active').removeClass('active');
                }
            });

            // 上/下一张
            $('.swipe .arrow').on('click', function () {
                var _this = $(this);

                if (_this.is('.prev')) {
                    swiper.prev();
                } else if (_this.is('.next')) {
                    swiper.next();
                }
            })
        }
    })

})